<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>@yield('titl','注册')</title>
    <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{asset('css/home/logon.css')}}" rel="stylesheet">
    <script src="{{asset('js/jquery-2.1.4.min.js')}}"></script>
    <script src="{{asset('js/bootstrap.min.js')}}"></script>
</head>
<body>
    <div class="container col-md-12 col-xs-12 col-sm-12">
        <div class="row">
            {{--顶部开始--}}
            <div class="member-header col-md-12 col-xs-12 col-sm-12">
                <div class="content">
                    <h1>
                        <img style="width:144px;height:43px;margin-top:-10px;padding:5px" src="{{asset('image/home/home-logo.jpg')}}" alt="">
                    </h1>
                    <span class="name">通行证</span>
                    <a href="{{url('home/index')}}" class="goback">返回首页&gt;&gt;</a>
                </div>
            </div>
            {{--顶部结束--}}
        </div>

        {{--中间内容区域--}}
        @section('login-content')
            <div id="container" class="content member content-member">
                <h2 style="font-weight:bold">注册<span style="color:#0E5183;font-weight:bold;font-size:25px">人生书屋</span>账号</h2>
                <span>
                    成为人生书屋用户，即可享受用户特有的尊贵权限。如果您已经拥有账号，则可
                    <a class="blue-s" href="{{url('home/login')}}">直接登录</a>
                </span>
                <div class="reg-box">
                    <div class="signup-content">
                        <!-- 会员注册 -->
                        <div class="solids"></div>
                        <div class="signupmain">
                            <form action="" method="post">
                                <ul>
                                    <li class="form-item">
                                        <label for="" class="form-label">手机:</label>
                                        <span><input name="tel" class="x-input" type="text" id="tel" placeholder="输入手机号"></span>
                                        @if($errors)
                                            <span class="first">{{$errors->first('tel')}}</span>
                                        @endif

                                    </li>
                                    {{csrf_field()}}
                                    <li class="form-item">
                                        <label for="" class="form-label">用户名:</label>
                                        <span><input name="nickname" class="x-input" type="text" placeholder="账户名称"></span>
                                        @if($errors)
                                            <span class="first">{{$errors->first('nickname')}}</span>
                                        @endif
                                        @if($docode)
                                            <span class="first">{{$docode}}</span>
                                        @endif
                                    </li>

                                    <li class="form-item">
                                        <label for="" class="form-label">邮箱:</label>
                                        <span><input name="email" class="x-input" type="email" placeholder="邮箱地址"></span>
                                        @if($errors)
                                            <span class="first">{{$errors->first('email')}}</span>
                                        @endif
                                    </li>

                                    <li class="form-item">
                                        <label for="" class="form-label">密码:</label>
                                        <span><input name="password" class="x-input" type="password" placeholder="不少于6个字符"></span>
                                        @if($errors)
                                            <span class="first">{{$errors->first('password')}}</span>
                                        @endif
                                    </li>

                                    <li class="form-item">
                                        <label for="" class="form-label">确认密码:</label>
                                        <span><input name="password_confirmation" class="x-input" type="password" placeholder="再次填写密码"></span>
                                    </li>

                                    <li class="form-bottom"><input type="button" id="test" class="form_ok btn btn-info" value="提交注册"></li>
                                    <p>友情提示：如碰到无法注册的情况，请 <a href="" class="blue-s">联系客服&gt;&gt;</a></p>
                                </ul>

                        </div>
                    </div>
                </div>
            </div>


            {{--模态框开始--}}
            <div class="modal" id="my-modal-alert">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">
                                <span aria-hidden="true">&times</span><span class="sr-only">Close</span>
                            </button>
                            <h4 class="modal-title" id="modal-title">模态框</h4><span id="num"></span>
                        </div>
                        <!--/*modal-header*/-->
                        <div class="modal-body">
                            <div id="modal_message">请输入短信验证码:<input type="text" name="code" name="short"> <input type="button" id="goSMS" name="code" class="btn btn-default" value="发送短信"></div>
                        </div>
                        <!--/*modal-body*/-->
                        <div class="modal-footer" id="modal-footer">
                            <input type="submit" class="btn btn-default" value="提交">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            </form>

                            <!--/*modal-body*/-->
                        </div>
                        <!--/*modal-footer*/-->
                    </div>
                    <!--/*modal-dialog*/-->
                </div>
                <!--/*modal-content*/-->
            </div>
            <!--/*modal*/-->
            <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
            <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
            <script>
                $(function() {
                    $("#test").click(function(){
                        $("#my-modal-alert").modal("toggle");
                    });
                });
            </script>
            {{--模态框结束--}}
            <script>
                $(function(){
                    $('#goSMS').click(function(){
//                alert($('#tel').val())
                        $tel=$('#tel').val()
///               alert($tel)
                        $.ajax({
                            url:"{{url('home/logonsendSMS')}}",
                            type:'get',
                            data:'tel='+$tel,
                            success:function (data) {
//                                    alert(data);
                            },
//                    headers: {
//                        'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
//                    },
                            error:function(){
                                alert('错误');
                            },
                            dataType:'text'
                        })
                    })
                })
            </script>

        @show
        <div class="row">
            {{--底部开始--}}
            <div class="pageCenter login col-md-12 col-xs-12 col-sm-12">
                <div id="contact-bubble" class="footer-bubble" style="display: none;">
                    <em><i></i></em>
                    <ul>
                        <li><a target="_blank" href="">联系起点客服</a></li>
                        <li><a target="_blank" href="">联系创世客服</a></li>
                    </ul>
                </div>
                <a target="_blank" href="">作家论坛</a><span>|</span>
                <a target="_blank" href="">帮助中心</a><span>|</span>
                <a id="contact" href="">联系客服</a><span>|</span><a target="_blank" href="">关于我们</a><span>|</span><a target="_blank" href="">诚聘英才</a><span>|</span><a target="_blank" href="">版权声明</a><span>|</span>Copyright
                © 2017 All Rights Reserved 阅文集团 版权所有
            </div>
            {{--底部结束--}}

        </div>
        </div>

</body>
</html>